<template>
  <h1>属性绑定指令</h1>
  <input type="text" value="uname">
  <input type="text" v-bind:value="uname"> <!--属性绑定：将HTML的属性绑定给某个响应式变量，由响应式变量来控制该属性的值-->
  <input type="text" :value="uname"> <!--属性绑定的简写形式-->
  <hr>
  <a href="url">链接一</a>
  <a :href="url" :title="title">链接二</a>




</template>
<script setup>
import {ref} from 'vue';
const uname = ref('rose');
const url = ref('https://www.baidu.com');
const title = ref('8月正在热销中！')




</script>
<style scoped>

</style>